<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
        <meta content="yes" name="apple-mobile-web-app-capable">
        <!-- 全屏显示-->
        <meta name="apple-touch-fullscreen" content="yes">
        <!-- 不要让设备识别电话号码和邮箱地址-->
        <meta content="telephone=no,email=no" name="format-detection">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
        <!-- DNS预解析-->
        <meta http-equiv="x-dns-prefetch-control" content="on">

        <link href="../css/common/reset.css" rel="stylesheet">
        <link href="../css/common/common.css" rel="stylesheet">
        <link href="../css/animate.css" rel="stylesheet">
        <link href="../css/index.css" rel="stylesheet">
        
        <title>转训首页</title>
    
    </head>
    <body>
        <div class="index">
            <div class="header">hi, Nassua</div>
            <div class="content complete">
                <h3>考试成绩</h3>
                <div class="wapper">
                    <div>
                        <div class="progress">
                            <div class="rate schj" style="height: 100%"></div>
                            <i class="mask" style="height: 19%"></i>
                        </div>
                        <label>市场环境</label>
                    </div>
                    <div>
                        <div class="progress">
                            <div class="rate cpld" style="height: 80%"></div>
                            <i class="mask" style="height: 25%"></i>
                        </div>
                        <label>产品亮点</label>
                    </div>
                    <div>
                        <div class="progress">
                            <div class="rate ztmn" style="height: 90%"></div>
                            <i class="mask" style="height: 15%"></i>
                        </div>
                        <label>展厅模拟</label>
                    </div>
                    <div>
                        <div class="progress">
                            <div class="rate yfln" style="height: 100%"></div>
                            <i class="mask" style="height: 39%"></i>
                        </div>
                        <label>研发理念</label>
                    </div>
                    <div>
                        <div class="progress">
                            <div class="rate jpgm" style="height: 90%"></div>
                            <i class="mask" style="height: 29%"></i>
                        </div>
                        <label>竞品观摩</label>
                    </div>
                </div>
                <div class="legend">
                    <div>
                        <i></i>
                        <span>已完成</span>
                    </div>
                    <div>
                        <i></i>
                        <span>待规划</span>
                    </div>
                    <div>
                        <i></i>
                        <span>已规划</span>
                    </div>
                </div>
                <div class="statis">
                    <div>
                        <div>参与覆盖率</div>
                        <div>
                            <span>95</span>
                            <i>%</i>
                        </div>
                    </div>
                    <div>
                        <div>规划覆盖率</div>
                        <div>
                            <span>21</span>
                            <i>%</i>
                        </div>
                    </div>
                    <div>
                        <div>转训进度</div>
                        <div>
                            <span>89</span>
                            <i>%</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer">
                <h3>转训抽查</h3>
                <div class="btn-wrap">
                    <a href="javascript: ">
                        <img src="../img/zxgh.png" alt="" />
                        <label>转训规划</label>
                    </a>
                    <a href="javascript: ">
                        <img src="../img/zxzx.png" alt="" />
                        <label>转训执行</label>
                    </a>
                    <a href="javascript: ">
                        <img src="../img/ccbg.png" alt="" />
                        <label>转训报告</label>
                    </a>
                </div>
            </div>
        </div>
        <script src="../js/remset.js"></script>
    </body>
</html>